<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>附件管理</title>
    <!-- css -->
    <link rel="stylesheet" href="../../../assets/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../../assets/bootstrap-table/bootstrap-table.min.css">
    <link rel="stylesheet" href="../../../assets/font-awesome/4.7/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../../assets/font-awesome/3.2.1/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../../assets/bootstrap-validator/css/bootstrapValidator.min.css"/>
    <link rel="stylesheet" href="../../../assets/sco/css/sco.message.css"/>
    <link rel="stylesheet" href="../../../assets/css/style.css">
</head>
<body>
<div class="container-fluid" id="attachmentGridView" style="height:470px">
    <div class="row">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="form-group form-horizontal">
                    <label class="control-label col-sm-1 col-xs-3"
                           for="name">附件名称</label>
                    <div class="col-sm-3 col-xs-7">
                        <input type="text" class="form-control" id="name">
                    </div>
                    <div class="col-sm-8 col-xs-2">
                        <button type="button" id="btn_query"
                                class="btn btn-primary btn-sm" data-bind="click:fnSearch"><i
                                class="fa fa-search fa-lg"></i><span class="hidden-xs hidden-sm"> 查询</span></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 工具栏 -->
    <div class="row">
        <div class="col-sm-12">
            <div id="toolbar" class="btn-group">
                <button type="button" class="btn btn-default btn-sm"
                        data-bind="click:fnAdd">
                    <i class="fa fa-plus fa-lg" aria-hidden="true"></i><span class="hidden-xs hidden-sm"> 新增</span>
                </button>
                <button type="button" class="btn btn-default btn-sm"
                        data-bind="click:fnRemove">
                    <i class="fa fa-times fa-lg" aria-hidden="true"></i><span class="hidden-xs hidden-sm"> 删除</span>
                </button>
            </div>
        </div>
    </div>
    <!-- 列表区域 -->
    <div class="row">
        <div class="col-sm-12">
            <table id="attachmentTb"></table>
        </div>
    </div>
</div>
<!-- 	Modal -->
<div id="attachemntModal" class="modal fade" data-keyboard="false"
     data-backdrop="static" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" style="width: 560px" role="document">
        <div class="modal-content">
            <!-- header -->
            <div class="modal-header" id="modalHeader">
                <span class="modal-title" data-bind="text:title"></span>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" id="detailForm" autocomplete="off">
                    <div class="form-group">
                        <label for="fileName" class="col-sm-3 control-label">附件名称</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" name="fileName"
                                   id="fileName" data-bind="value:attachmentName,enable:false">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="files" class="col-sm-3 control-label">文件选择</label>
                        <div class="col-sm-8">
                            <input id="files" type="file" name="files" multiple>
                        </div>
                    </div>
                    <!-- 默认基本信息 -->
                    <div style="display: none">
                        <input type="text" name="fileId" data-bind="value:attachmentId">
                    </div>
                </form>
            </div>
            <div class="modal-footer" id="modalFooter">
                <button type="button" class="btn btn-primary" style="font-size:12px" data-bind="click:fnUpload">上传
                </button>
                <button type="button" class="btn btn-default" style="font-size:12px" data-bind="click:fnCloseDlg">关闭
                </button>
            </div>
        </div>
    </div>
</div>
<script src="../../../assets/require/require.js" data-main="main_delete.js"></script>
</body>
</html>